import Header from "@/components/Header";
import { ConfigProvider, Row, Col } from 'antd';
import zhCN from 'antd/locale/zh_CN';
import { Outlet } from "react-router-dom";

const Home = () => {
    return <div className="h-screen">
        <Header />
        <ConfigProvider theme={{ token: { colorPrimary: '#417ff9' } }} locale={zhCN}>
            <div className="font-[family-name:var(--font-geist-sans)] bg-[#f8f9fa] pt-3 overflow-auto" style={{ height: 'calc(100vh - 56px)' }}>
                <Row>
                    <Col span={3}></Col>
                    <Col span={18}>
                        <Outlet />
                    </Col>
                    <Col span={3}></Col>
                </Row>
            </div>
        </ConfigProvider>
    </div>
}

export default Home;